<template>
  <div class="app-container home">
   
     <mavon-editor class="markdown"
     v-model="docTxt"
     :subfield = "false"    
     :defaultOpen = "prop.defaultOpen"
      white-space:pre-line
     :toolbarsFlag = "prop.toolbarsFlag"
     :editable="prop.editable"
     :scrollStyle="prop.scrollStyle"
></mavon-editor>
  </div>
</template>

<script>

import {mavonEditor} from 'mavon-editor'
import axios from 'axios'
export default {
  name: "index",
  data() {
      

       return  { docTxt : '## 标题'}
   
  },

  computed: {

      prop () {
        let data = {
          subfield: false,// 单双栏模式
          defaultOpen: 'preview',//edit： 默认展示编辑区域 ， preview： 默认展示预览区域 
          editable: false,
          toolbarsFlag: false,
          scrollStyle: true
        }
        return data
      }
    },
  methods:{
     //必须设置为异步加载，因为解析需要时间，注意加上async
      get_mark_data(){
        console.log("发送了请求");
      axios.get('/api/system/user/file').then(res => {  

        debugger
        console.log("请求完成")
        this.docTxt = res.data.data; 
        

        
        
      });    
  } 
    
},
 mounted (){
       this.get_mark_data();
 }

}
</script>
<style scoped>
.markdown {
  width: 700px;
  /* 暂时未限制高度 height: 500px;*/
  margin: 0 auto;
}
</style>

